
    <div class="personalCenter1">
        <div class='userInfor'>
            <h3 class="infoTitle">马建国<i class='dropDownIcon'></i></h3>
            <img class='headImg' src="../images/user/wanyi_16.png" alt="">
            <ul class='dropList'>
                <li>吴庆春</li>
                <li>刘东淑</li>
                <li>张晓天</li>
                <li>潘晓婷</li>
            </ul>
        </div>
    	<div class='userStatus boxShadow'>
            <div class='leftImg fl'>
                <img src="../images/personalCenter.jpg" alt="">
            </div>
            <ul class='statusList fl'>
                <li class='cf finished'>
                    <span class='fl'>万医基因检测盒激活成功</span>
                    <span class='fr'>2015/01/12</span>
                </li>
                <li class='cf'>
                    <span class='fl'>已到达实验室</span>
                    <span class='fr'></span>
                </li>
                <li class='cf'>
                    <span class='fl'>实验室处理中</span>
                    <span class='fr'></span>
                </li>
                <li class='cf'>
                    <span class='fl'>报告完成</span>
                    <span class='fr'></span>
                </li>
            </ul>   
        </div>
        <div class='userBtnCntr cl'>
            <!-- <a href="" class="userBtn report"></a> -->
            <!-- <a href="" class="userBtn reportNon"></a> -->
            <a href="" class="userBtn goToBuy"></a>
            <a href="" class="userBtn goToActive"></a>
        </div> 
    </div>
    <div class="personalCenter2">
    	<h3 class="infoTitle">马建国的健康档案</h3>
    	<div class='userArchives boxShadow cf'>
            <ul class="userArchivesL fl">
                <li><span class='age'></span>年&nbsp;&nbsp;&nbsp;&nbsp;龄：<i>23年3个月10天</i></li>
                <li><span class='bloodType'></span>血&nbsp;&nbsp;&nbsp;&nbsp;型：<i>O型</i></li>
                <li><span class='allergy'></span>过&nbsp;&nbsp;&nbsp;&nbsp;敏：<i>花粉、青霉素、鱼肉</i></li>
                <li><span class='familyHistory'></span>家族史：<i>心脏病、冠心病、胃炎</i></li>
                <li><span class='sickenHistory'></span>患病史：<i>胃病、阑尾炎、感冒</i></li>
            </ul>
            <div class='userArchivesR fl'>
                <h4>健康档案完整度</h4>
                <div class='totalDtail'><span class='finishedDetail'><i class='sliderThumb'></i></span></div>
                <div class="percent"><span>50%</span></div>
                <p class='detailTips'>
                    你的健康档案完成度为50%，完整的健康档案更利于我们了解你的健康状况，给你最专业的健康建议。
                </p>
            </div>           
        </div>
        <div class='userBtnCntr cf'>
            <a href="" class="userBtn downApp"><span class='qrcode'><img src="../images/qrcode.jpg" alt="二维码"><i class='trIcon'></i></span></a>
            <a href="" class="userBtn appStore"></a>
        </div>
    </div>
    <div class="personalCenter3">
    	<h3 class="infoTitle">马建国，万医给你的健康建议</h3>
    	<div class='suggest boxShadow'>
            <!-- <p class='noSuggest'>无</p>  -->
            <ul class='suggestList'>
                <li class='cf'>
                    <em class="listNum fl">1</em>
                    <div class='suggestContent fl'>
                        <p class='suggestTip'>马建国，你不能吃海鲜类食物</p>
                        <p class='suggestReason'>
                        </p>
                    </div>
                    <i class='toggleIcon fr'></i> 
                </li>
                <li class='cf'>
                    <em class="listNum fl">2</em>
                    <div class='suggestContent fl'>
                        <p class='suggestTip'>马建国，你不能做剧烈的运动，应该慢走</p>
                        <p class='suggestReason'>
                        </p>
                    </div>
                    <i class='toggleIcon fr'></i> 
                </li>
                <li class='cf'>
                    <em class="listNum fl">3</em>
                    <div class='suggestContent fl'>
                        <p class='suggestTip'>坚持戴太阳镜对保护你的眼睛，远离白内障等各种眼疾非常主要，尤其在上午10点到下午4点之间这段
阳光照射最强的时候。</p>
                        <p class='suggestReason'>
                        </p>
                    </div>
                    <i class='toggleIcon fr'></i> 
                </li>
                <li class='cf'>
                    <em class="listNum fl">4</em>
                    <div class='suggestContent fl'>
                        <p class='suggestTip'>马建国，你不能吃含糖量很高的食物</p>
                        <p class='suggestReason'>
                        </p>
                    </div>
                    <i class='toggleIcon fr'></i> 
                </li>
                <li class='cf'>
                    <em class="listNum fl">1</em>
                    <div class='suggestContent fl'>
                        <p class='suggestTip'>马建国，你不能吃阿莫西林马建国，你不能吃阿莫西林马建国，你不能吃阿莫西林马建国，你不能吃阿莫西林马建国，你不能吃阿莫西林马建国，你不能吃阿莫西林马建国，你不能吃阿莫西林马建国，你不能吃阿莫西林</p>
                        <p class='suggestReason'>
                            因为你有哮喘、湿疹、过敏症状，所以会出现一些严重的后果；因为你有哮喘、湿疹、过敏症状，所以会出现一些严重的后果。
                        </p>
                    </div>
                    <i class='toggleIcon expand fr'></i> 
                </li>
                
            </ul>  
        </div>
    </div>
